<!DOCTYPE html>
<html>
<head>
<title>{{$headConf['title']}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Coffee Break Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="{{__TEMPLATE__}}/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="{{__TEMPLATE__}}/css/a.css" rel='stylesheet' type='text/css' />
<script src="{{__TEMPLATE__}}/js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="{{__TEMPLATE__}}/js/move-top.js"></script>
<script type="text/javascript" src="{{__TEMPLATE__}}/js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
<!--start-smoth-scrolling-->
</head>
<body>
	<!--header-top-starts-->
	<div class="header-top">
		<div class="container">
			<div class="head-main">
				<a href="index.html"><img src="{{__TEMPLATE__}}/images/boke_blog.jpg" alt=""  style="width: 200px; height: 80px;"/></a>
			</div>
		</div>
	</div>
	<!--header-top-end-->
	<!--start-header-->
	<div class="header">
		<div class="container">
			<div class="head">
			<div class="navigation">
				 <span class="menu"></span> 
					<ul class="navig">
						<li><a href="{{__ROOT__}}" <?php if(!Request::get()){?>class="active" <?php  }?>>首页</a></li>
						<category pid="0">
							<li><a href="{{$field['url']}}" <?php if($field['cate_id']==Request::get('cate_id')){?>class="active" <?php  }?>>{{$field['cate_name']}}</a></li>
						</category>
					</ul>
			</div>
			<div class="header-right">
				<div class="search-bar">
					<form action="/search" method="get">
						<input type="text" value="Search" name="keyword" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}">
						<input type="submit" value="">
					</form>
				</div>
			</div>
				<div class="clearfix"></div>
			</div>
			</div>
		</div>	
	<!-- script-for-menu -->
	<!-- script-for-menu -->
		<script>
			$("span.menu").click(function(){
				$(" ul.navig").slideToggle("slow" , function(){
				});
			});
		</script>
	<!-- script-for-menu -->
	<!--banner-starts-->
	<div class="banner">
		<div class="container">
			<div class="banner-top">
				<div class="banner-text">
					<h2>About us</h2>
					<h1>Blog CMS introduces documentation</h1>
					<div class="banner-btn">
						<a href="49.html">Read More</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--banner-end-->
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
	<!--about-starts-->
	<div class="about">
		<div class="container">
			<div class="about-main">
				<div class="col-md-8 about-left">
					<div class="about-tre">
						<div class="a-1">
							<arclist>
								<div class="col-md-6 abt-left">
									<a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="" style="width: 330px; height: 190px;" /></a>
									<h3><a href="{{$field['url']}}">{{$field['arc_keyword']}}</a></h3>
									<p>{{$field['arc_title']}}</p>
									<label>{{$field['updated_at']}}</label>
								</div>
							</arclist>
							<div class="clearfix"></div>
						</div>
					</div>	
				</div>
				<div class="col-md-4 about-right heading">
					<div class="abt-1">
						<h3>ABOUT US</h3>
						<div class="abt-one">
							<img src="{{__TEMPLATE__}}/images/c-2.jpg" alt="" />
							<p>For an introduction to the CMS system, read this article to get the functionality of the system</p>
							<div class="a-btn">
								<a href="49.html">Read More</a>
							</div>
						</div>
					</div>
					<div class="abt-2">
						<h3>Recommend</h3>
						<arclist arc_recommend="1">
							<div class="might-grid">
								<div class="grid-might">
									<a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" class="img-responsive" alt=""> </a>
								</div>
								<div class="might-top">
									<h4><a href="{{$field['url']}}">{{$field['arc_keyword']}}</a></h4>
									<p>{{$field['arc_title']}}</p>
								</div>
								<div class="clearfix"></div>
							</div>
						</arclist>

					</div>

					<div class="abt-2">
						<h3>NEWS LETTER</h3>
						<div class="news">
							<form>
								<input type="text" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}" />
								<input type="submit" value="Subscribe">
							</form>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>			
			</div>		
		</div>
	</div>
	<!--about-end-->
	<!--slide-starts-->
	<div class="slide">
		<div class="container">
			<div class="fle-xsel">
			<ul id="flexiselDemo3">
				<arclist thumb="1">
					<li>
						<a href="{{$field['url']}}">
							<div class="banner-1">
								<img src="{{$field['arc_thumb']}}" class="img-responsive" alt="" style="width: 150px; height: 150px;">
							</div>
						</a>
					</li>
				</arclist>
			</ul>
							 <script type="text/javascript">
								$(window).load(function() {
									
									$("#flexiselDemo3").flexisel({
										visibleItems: 5,
										animationSpeed: 1000,
										autoPlay: true,
										autoPlaySpeed: 3000,    		
										pauseOnHover: true,
										enableResponsiveBreakpoints: true,
										responsiveBreakpoints: { 
											portrait: { 
												changePoint:480,
												visibleItems: 2
											}, 
											landscape: { 
												changePoint:640,
												visibleItems: 3
											},
											tablet: { 
												changePoint:768,
												visibleItems: 3
											}
										}
									});
									
								});
								</script>
								<script type="text/javascript" src="{{__TEMPLATE__}}/js/jquery.flexisel.js"></script>
					<div class="clearfix"> </div>
			</div>
		</div>
	</div>

	<p id="link" style="margin-left: 120px; color: #0a001f" font-size="24px">友情链接</p>
	<div id="webs" style="margin-left: 100px; margin-top: 20px" >
		<tag action='links.links' row="3">
			<a target="_blank" href="{{$field['links_url']}}" style="margin-left: 10px">{{$field['links_name']}}</a>
		</tag>
	</div>
	<!--slide-end-->
	<!--footer-starts-->

	<div class="footer">
		<div class="container">
			<div class="footer-text">
				<p>{{v('config.webname')}} <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">{{v('config.email')}}</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">{{v('config.tel')}}</a></p>
			</div>
		</div>
	</div>
	<!--footer-end-->
</body>
</html>